<template>
    <div>
        <!--        头-->
        <useTitle :titleShow=isFalse></useTitle>
        <!--        导航-->
<!--        <indexNav></indexNav>-->
        <!--        轮播图-->
        <rotation></rotation>
        <!--        课程选择-->
        <selectClass></selectClass>
        <!--        四个课程-->
        <freeClass title="免费课程" :freeData="freeData"></freeClass>
        <freeClass title="精品课程" :freeData="boutiqueData"></freeClass>
        <freeClass title="限时折扣课程" :freeData="discountData"></freeClass>
        <freeClass title="头条精选" :freeData="falseData"></freeClass>
        <!--        底部-->
        <footerComponent></footerComponent>
        <!--            右侧浮窗-->
        <floatRight></floatRight>
    </div>
</template>

<script>
    import useTitle from "../../components/useTitle"
    // import indexNav from "../../components/indexNav"
    import rotation from "./component/rotation";
    import selectClass from "./component/selectClass";
    import freeClass from "./component/freeClass";
    import footerComponent from "../../components/footerComponent";
    import floatRight from "./component/floatRight";

    export default {
        name: "index",
        data() {
            return {
                freeData: {type: 'free', pageNum: 1, pageSize: 5},
                boutiqueData: {type: 'boutique', pageNum: 1, pageSize: 10},
                discountData: {type: 'discount', pageNum: 1, pageSize: 10},
                falseData: {type: 'discount', pageNum: 1, pageSize: 5},
            //    确立标准的false
                isFalse:false,
            }
        },
        components: {
            // login,
            useTitle,
            // indexNav,
            rotation,
            selectClass,
            freeClass,
            footerComponent,
            floatRight
        },
    }
</script>

<style scoped>

</style>